@charset "utf-8";
@import 'reset.scss';
@import 'appointment.scss';
@import 'success.scss';

.web{
	.bigbox{
		margin: 0 auto;
		width: vw(580);
		header{
			padding: vw(100) 0 vw(140) 0;
			.logbox{
				margin: 0 auto;
				width: vw(220);
				height: vw(195);
				img{
					width: 100%;
				}
			}
		}
		section{
			height: vw(330);
			display: flex;
			flex-direction:column;
			justify-content: space-between;
			div{
				color: #434242;
				height: vw(75);
				background: rgba(255,255,255,.5);
				border-radius: vw(50);
				span{
					margin: 0 vw(10) 0 vw(45);
					font-size: vw(16);
				}
				input{
					height: vw(75);
					border: none;
					font-size: vw(16);
					background-color: transparent;
					width: vw(400);
					outline: none;
				}
			}
			.err{
				display: flex;
				background-color: transparent;
				color: red;
				font-size: vw(16);
				height: vw(40);
				line-height:vw(40);
				opacity: 0;
			}
		}
		.appointmentbox{
			display: flex;
			justify-content: space-between;
			padding-top: vw(78);
			cursor: pointer;
			div{
				width: vw(250);
				text-align: center;
				background: rgba(255,255,255,.8);
				box-shadow: vw(1) vw(10) vw(10) vw(-1) #434242;
				border-radius: vw(50);
				height: vw(80);
				line-height: vw(80);
				color:$color;
				font-size: vw(20);
				font-weight: bold;
			}
		}
	}
}